.el-body-box {
    width: 100%;
    background-color: white;

    .el-main {
        width: 1300px;
        min-height: calc(100vh - 50px);
        margin: 0 auto;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;

        .stepBar {
            width: 100%;
            height: 55px;
            margin-block-start: 0;
            margin-block-end: 0;
            padding-inline-start: 0;
            list-style-type: none;

            .step {
                width: calc(100%/3 - 7px);
                height: 100%;
                float: left;
                line-height: 55px;
                background-color: rgba(204,204,204,.6);
                font-size: 16px;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: rgba(102, 102, 102, 1);
                position: relative;
            }

            .step:nth-child(2) {
                margin: 0 10px;
            }

            .stepActive {
                background-color: #2196F3;
                color: #FFFFFF;
            }

            .step:not(:last-of-type)::after {
                content: "";
                position: absolute;
                top: 0;
                right: -54px;
                z-index: 10;
                width: 0;
                border-width: 27px;
                border-style: solid;
                border-color: transparent transparent transparent rgba(204,204,204,.6);

            }

            .step:not(:first-of-type)::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9;
                width: 0;
                border-width: 27px;
                border-style: solid;
                border-color: transparent transparent transparent white;
            }

            .stepActive::after {
                border-color: transparent transparent transparent #2196F3 !important;
            }
        }

    }

}